<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <h1>{{ name }}</h1>
    {{ user }}
    {{ user.name }},今年{{ user.age }}岁,喜欢的颜色是{{ user.color }} <br/>
    {{ numbers }}<br/>
    取第一个{{ numbers[0] }}
    <br/>
    {{users}} <br/>
    {{users[1].age}}
</div>
</body>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            number: 1111,
            name: '张三',
            isRight: true,
            user: {
                name: "老王",
                age: 18,
                color: "pink"
            },
            numbers: [1, 2, 3, 4, 5, 6, 7, 8],
            users: [
                {
                    name: "老王1",
                    age: 18,
                    color: "pink"
                },
                {
                    name: "老王2",
                    age: 18,
                    color: "pink"
                },
                {
                    name: "老王3",
                    age: 18,
                    color: "pink"
                }
            ]
        }
    })
</script>
</html>